
/* header */
header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	margin: 0 auto;
	width: 100%;
	height: 0.88rem;
	max-width: 7.5rem;
	min-width: 3.2rem;
	background: #FF6699;
}
header .cate_header_l{ /* 左 */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 1.38rem;
	height: 100%;
}
header .cate_header_l a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
header .cate_header_l a img{
	display: block; 
	position: absolute; 
	left: 0; 
	top: 50%; 
	transform: translateY(-50%);
	width: 100%;
}
header .cate_header_form{ /* 中 */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 0.12rem 0.9rem 0.12rem 1.38rem;
	width: 100%;
	height: 100%;
}
header .cate_header_form form{
	width: 100%;
	height: 100%;
	border-radius: 0.06rem;
	background: #fff;
}
header .cate_header_form form input{
	width: 100%;
	height: 100%;
	padding-left: 0.18rem; /* 18px/100px = 0.18rem*/
	font-size: 0.3rem;
	color: #606060;
	border: 0 none;
	background: transparent;
}
header .cate_header_form form input::-webkit-input-placeholder{
	color: #606060;
}
header .cate_header_form form span{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.23rem;
	width: 0.44rem;
	height: 0.44rem;
	font-size: 0.4rem;
	font-weight: bold;
	color: #fff;
}

/* ---cate_main--- */
.cate_main{
	position: absolute;
	top: 0.88rem;
	bottom: 1rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 7.5rem;
	min-width: 3.2rem;
	background: #eeeeee;
}
.cate_main .left_nav{ /* 左侧菜单 */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1.88rem;
	height: auto;
	overflow-y: scroll;
	background: #fff;
}
.cate_main .left_nav ul{
	width: 100%;
	height: auto;
}
.cate_main .left_nav ul li{
	width: 100%;
	height: 1.08rem;
	text-align: center;
	line-height: 1.08rem;
	font-size: 0.28rem;
	color: #5d5d5d;
	border-bottom: 0.02rem solid #f3f3f3;
}
.cate_main .left_nav ul li.on{
	background: #eee;
	border-left: .05rem solid #f69;
	text-indent: -0.05rem;
	color: #f69;
}
.cate_main .right_nav{ /* 右侧菜单 */
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 5.53rem;
	height: auto;
	overflow-y: scroll;
}
.cate_main .right_nav .right_banner{
	width: 100%;
	height: auto;
}
.cate_main .right_nav .right_banner a{
	display: block;
}
.cate_main .right_nav .right_banner a img{
	width: 100%;
}
.cate_main .right_nav .list{
	width: 100%;
}
.cate_main .right_nav .list h2{
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.28rem;
}
.cate_main .right_nav .list ul{
	width: 100%;
}
.cate_main .right_nav .list ul li{
	float: left;
	width: 33.33%;
	text-align: center;
	background: #fff;
	border-right: .1rem solid #eeeeee;
	border-bottom: .1rem solid #eeeeee;
}
.cate_main .right_nav .list ul li a.pic{
	display: block;
	width: 100%;
}
.cate_main .right_nav .list ul li a.pic img{
	width: 100%;
}
.cate_main .right_nav .list ul li a.name{
	color: #5d5d5d;
	line-height: 0.6rem;
}

